<template>
  <div class="box">
    <Headerxinpin class="headerxinpin" />
    <img src="imgs/xinpin.jpg" style="width:100%">
    <div class="content-box">
    <Goodsxinpin type="xielei"/>
    <Goodsxinpin type="fulei"/>
    <Goodsxinpin type="peishi"/>
    <GengduoXinpin />
    </div>

  </div>
</template>

<script>
import Headerxinpin from "../components/Headerxinpin";
import Goodsxinpin from '../components/Goodsxinpin';
import GengduoXinpin from '../components/GengduoXinpin.vue';
// import Search from "../components/Search";

export default {
  name: "Xinpin",
  components: {
    Headerxinpin,
    Goodsxinpin,
    GengduoXinpin,

  },
};
</script>

<style scoped>
.box {
  width: 100%;
  height: 100%;
}
.headermendian {
  position: fixed;
  top: 0;
  left: 0;
  background-color: #fff;
  z-index: 999;
}
.myfooter {
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: #fff;
}
.content-box{
  padding-top: 0.2rem;
  padding-bottom: 0.55rem;
}
</style>